<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>富豪榜</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav>
        <ul>
            <li>主页</li>
            <li>排行榜</li>
            <li>联系方式</li>
        </ul>
    </nav>
    <!-- 头部内容 -->
    <header>
        <!-- 导航栏的按钮 -->
        <button id="toggle">导航栏</button>
        <!-- 标题 -->
        <h2>欢迎来到富豪排行榜</h2>
        <!-- 欢迎语句 -->
        <p>weclome to the rich rank</p>
    </header>
    <!-- 主题内容 -->
    <div class="container">
        <!-- 左盒子 -->
        <aside>
            <!-- 五个按钮 -->
            <button id="add-user">添加账户</button>
            <button id="double">资金翻倍</button>
            <button id="show-millionaire">查询百万富翁</button>
            <button id="sort">财富榜</button>
            <button id="calculate">计算总额</button>
        </aside>
        <!-- 右盒子 -->
        <main id="main">
            <h2>
                <strong>Person</strong>
                <span>Wealth</span>
            </h2>
        </main>
    </div>

    <script>
        let dataInfo = [{
                name: "安东尼 戴维斯",
                money: 892001
            },
            {
                name: "凯里 欧文",
                money: 668932
            },
            {
                name: "史蒂夫 库里",
                money: 698756
            },
            {
                name: "德里克 罗斯",
                money: 492489
            },
            {
                name: "保罗 乔治",
                money: 853957
            },
            {
                name: "勒布朗 詹姆斯",
                money: 968472
            },
            {
                name: "詹姆斯 哈登",
                money: 718225
            },
            {
                name: "凯文 杜兰特",
                money: 889147
            },
        ];
    </script>
    <script src="./index.js"></script>
</body>

</html>